



.header-a {
    background:#FF8712;
    height: 50px;
    position: relative;
    width: 100%;
}
.header-a .title-a {
    line-height: 1.5em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    vertical-align: middle;
    padding: 0.7em 0px;
    font-family: "微软雅黑";
}
.header-a .home{    color: #FFFFFF;
    display: block;
    left: 0;
    padding: 13px 20px;
    position: absolute;}
.header-a .back{    color: #FFFFFF;
    display: block;
    right: 0px;
    top: 0px;
    padding: 13px 20px;
    position: absolute;}
.header-a .header-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 22px;
    margin: 0 auto;
    width: 22px;
}
.header-a .header-icon-home {
    background-image: url("../img/icon_home.png");
}

.header-a .header-icon-return {
    background-image: url("../img/icon_return.png");
}




ul, li { list-style:none; margin:0; padding:0 }

.top_bar {
	 position: fixed; 
	 z-index: 900; bottom: 0; 
	 left: 0; right: 0; margin: auto; 
	 font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; 
	
	 }
.top_menu { 
	display:-webkit-box; 
	border-top: 0px solid #b3b3b3; 
	display: block; width: 100%; 
	background: #FF8712; 
	height: 48px; 
	display: -webkit-box; 
	display: box; margin:0; padding:0; 
	-webkit-box-orient: horizontal; 

	}

.top_bar_ { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }

.top_menu_bar { display:-webkit-box; border-top: 0px solid #b3b3b3; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF8A4a), to(#FF8A4A)); }


.top_bar .top_menu>li { -webkit-box-flex:1; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1))); -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; }
.top_menu>li:first-child { background:none; }

.top_bar .top_menu>li>a { height:48px; line-height: 48px; display:block; text-align:center; color:#4f4d4f; text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-decoration:none; border-top: 1px solid #f9f9f9; -webkit-box-flex:1; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { margin: 2px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { padding: 0; position: absolute; z-index: 500; bottom: 60px; right: 10px; width: 120px; background: #e4e3e2; border: 1px solid #afaeaf; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.menu_font.hidden { display:none;}
.top_menu li:last-of-type a { background: none;}
.top_menu a { background: none; }
.top_menu>li:last-of-type>a label { padding: 0 0 0 3px; }
.menu_font li:last-of-type { background: none;}
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:before, .menu_font:after { content:""; display:inline-block; position:absolute; z-index:240; bottom:0; left: 85%; margin-left:-8px; margin-bottom:-16px; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; }
.menu_font:after { z-index:501; border-color:#e4e3e2 transparent transparent transparent; margin-bottom:-15px; margin-left:-8px; }
.menu_font li { background:-webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #f3f3f2)), -webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #c6c5c5)); background-size:100% 1px, 100% 2px; background-repeat:no-repeat; background-position: center bottom; }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }

.menu_font li a {
	 height: 40px; 
	 line-height: 40px !important; 
	 position: relative; 
	
	  display: block; width: 100%; 
	  text-indent: 10px; 
	  white-space: nowrap; 
	  text-overflow: ellipsis; 
	  overflow: hidden; 
	  text-decoration:none; 

	  text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label {
	color: #FFFFFF; 
	padding:3px 0 0 3px; 
	font-size:14px; 
	overflow:hidden; 
	margin: 0; }
#menu_list0 { right:0; left:10px; }
#menu_list0:before, #menu_list0:after { left: 15%; }
#menu_list0:after { margin-bottom:-15px; margin-left:-8px; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }

.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#D8D0C3; }

.menu_font li a:hover, .menu_font li a:active { background-color:#CCCCCC; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}


/*iscroll*/

.banner {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#151515;
}
#wrapper {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	
}

#scroller {
	height:auto;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller li a{
	
	display:block;
	padding:0;
	margin:0;
}
#scroller li p{
	position:absolute;
	z-index:2;
	display:block;
	width:100%;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	color:#F4F4F4;
	font-size:14px;
	text-indent: 55px;
	line-height:24px;
	text-align: left;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
}
#nav {
	float: right;
    margin-top: -15px;
    padding: 0;
    position: relative;
    width: auto;
    z-index: 3;
}

#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}

#next {
	float:right;
	text-align:right;
}

#indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#888;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#DDDDDD;
}

#indicator > li:last-child {
	margin:0 8px 0 0;
}

body .mainmenu:after { clear: both; content: " "; display: block; }

body .mainmenu li{ float:left;margin-left: 2.5%;
margin-top: 2.5%;
width: 30%;  border-radius:3px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
body .mainmenu li a b{ display:block; height:80px;}
body .mainmenu li a img{ margin: 15px auto 15px;
width: 50px;
height: 50px;}
body .mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

body .mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}

/*iscroll*/

.banner-a {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#151515;
}
#wrapper-a {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	
}

#scroller-a {
	height:auto;
	float:left;
	padding:0;
}

#scroller-a ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller-a li {
	
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller-a li a{
	
	display:block;
	padding:0;
	margin:0;
}
#scroller-a li p{
	position:absolute;
	z-index:2;
	display:block;
	width:100%;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	color:#F4F4F4;
	font-size:14px;
	text-indent: 55px;
	line-height:24px;
	text-align: left;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
}


/* HOME Botton */
.home-a {	margin:0 auto ;min-width:500px;color: #fff;padding:0 10px;} 
.icon-items li { position: relative; float: left; width:50.0%; text-align: center; margin: 10px 0 0 0;border-radius:3px;box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-webkit-transform:scale(0);-webkit-animation-name:janim;-webkit-animation-duration:.3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards;}
@-webkit-keyframes janim {0%{-webkit-transform:scale(0.2)}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}

.icon-items li a i{width:30px;height:30px;display:inline-block;vertical-align:middle;margin-right:15px;}

.icon-items li[class*=icon-] a i{background-image: url(../images/ico_home.png);background-repeat:no-repeat;}

.icon-items li.icon-default{background-color:#3E67E2;-webkit-animation-delay: .15s;}
.icon-items li.icon-default a i{background-position:0 0;}
.icon-items li.icon-new{background-color:#678CE1;float:right;}
.icon-items li.icon-new a i{background-position:right top;}
.icon-items li.icon-house{background-color:#1fa9ea;-webkit-animation-delay: .45s;}
.icon-items li.icon-house a i{background-position:left -40px;}
.icon-items li.icon-home{background-color:#8BCA11;}.icon-items li.icon-home a{-webkit-animation-delay: .6s;}
.icon-items li.icon-home a i{background-position:right -40px;}
.icon-items li.icon-sale{background-color:#ef9310;-webkit-animation-delay: .75s;float:right;}
.icon-items li.icon-sale a i{background-position:left -80px;}
.icon-items li.icon-video{background-color:#7266d1;-webkit-animation-delay: .6s;float:right;}
.icon-items li.icon-video a i{background-position:right -80px;}
.icon-items li.icon-mall{background-color:#da1e0c;-webkit-animation-delay: 0.55s;}
.icon-items li.icon-mall a{height:150px;line-height:40px;}
.icon-items li.icon-mall a i{background-position:left -120px;margin:50px 0 0 0;}
.icon-items li.icon-bbs{background-color:#CFA871;-webkit-animation-delay: 0.3s;float:right;}
.icon-items li.icon-bbs a i{background-position:right -120px;}
.icon-items li.icon-me{background-color:#FC5366;-webkit-animation-delay: 0.3s;float:right;}
.icon-items li.icon-me a i{background-position:right -120px;}



.btn-yulife { 
  color: #FAF7F7; 
  background-color: #CF112D; 
  border-color: #CF112D; 
} 
 
.btn-yulife:hover, 
.btn-yulife:focus, 
.btn-yulife:active, 
.btn-yulife.active, 
.open .dropdown-toggle.btn-yulife { 
  color: #FAF7F7; 
  background-color: #DA4F49; 
  border-color: #CF112D; 
} 
 
.btn-yulife:active, 
.btn-yulife.active, 
.open .dropdown-toggle.btn-yulife { 
  background-image: none; 
} 
 
.btn-yulife.disabled, 
.btn-yulife[disabled], 
fieldset[disabled] .btn-yulife, 
.btn-yulife.disabled:hover, 
.btn-yulife[disabled]:hover, 
fieldset[disabled] .btn-yulife:hover, 
.btn-yulife.disabled:focus, 
.btn-yulife[disabled]:focus, 
fieldset[disabled] .btn-yulife:focus, 
.btn-yulife.disabled:active, 
.btn-yulife[disabled]:active, 
fieldset[disabled] .btn-yulife:active, 
.btn-yulife.disabled.active, 
.btn-yulife[disabled].active, 
fieldset[disabled] .btn-yulife.active { 
  background-color: #CF112D; 
  border-color: #CF112D; 
} 
 
.btn-yulife .badge { 
  color: #CF112D; 
  background-color: #FAF7F7; 
}
